<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8'/>
	<title>带我飞</title>
	<meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'/>
	<meta name='apple-mobile-web-app-capable' content='yes' />
	<meta name='screen-orientation' content='portrait' />
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<link href="../src/css/main.css" rel="stylesheet" />
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../src/jquery.2.1.1.min.js?v=1000"></script>

	<!--轮播组件-->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>

	<script type="application/javascript" src="../src/page-index.js?v=10001"></script>

</head>
<body>
	<div class="page-index">
		<div class="index-swiper">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" style="background-color: ghostwhite">
						<img src="../src/img/home_img_banner1@2x.png" style="width: 100%">
					</div>
					<div class="swiper-slide" style="background-color: ghostwhite">
						<img src="../src/img/home_img_banner2@2x.png" style="width: 100%">
					</div>
					<div class="swiper-slide" style="background-color: ghostwhite">
						<img src="../src/img/home_img_banner3@2x.png" style="width: 100%">
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
		</div>

		<div class="ls-one">
			<p>车贷宝第10000期</p>
			<span class="num">8.5%</span>
			<p class="num-desc">年化收益率</p>
			<div class="ls-line">
				<span>
					<span class="first">投资天数：</span>
					<span class="last">30天</span>
				</span>
				<span>
					<span class="first">剩余可投：</span>
					<span class="last">1000000元</span>
				</span>
			</div>
			<div class="index-btn">立即投资</div>
		</div>
		<div class="ls-small">
			<p><img src="../src/img/icon_car32@2x.png">车贷宝第10000期</p>
			<div class="ls-date">
				<span class="percent">50%</span>
				<span class="date">30天</span>
			</div>
			<div class="line">
				<span class="color-line"></span>
				<span class="num">20%</span>
			</div>
			<div class="small-desc">
				<span>到期还本息</span>
				<span>剩余可投100000元</span>
			</div>
		</div>
		<div class="ls-small">
			<p><img src="../src/img/icon_house32@2x.png">车贷宝第10000期</p>
			<div class="ls-date">
				<span class="percent">50%</span>
				<span class="date">30天</span>
			</div>
			<div class="line">
				<span class="color-line"></span>
				<span class="num">20%</span>
			</div>
			<div class="small-desc">
				<span>到期还本息</span>
				<span>剩余可投100000元</span>
			</div>
		</div>
		<div class="index-bar">
			<span class="index-icon index-on">
				<span>首页</span>
			</span>
			<span class="money-icon">
				<span>理财</span>
			</span>
			<span class="my-icon">
				<span>我的</span>
			</span>
		</div>
	</div>
</body>
</html>